<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第八届世界智能大会-WORLD INTELLIGENCE CONGRESS</title>
<link rel="stylesheet" type="text/css" href="${request.contextPath}/plugins/hyper/css/app.min.css">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/index.css">
<meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no,minimal-ui">
</head>
<body>
    <header class="header">
        <div class="content">
            <div>第八届世界智能大会</div>
            <div>WORLD INTELLIGENCE CONGRESS</div>
        </div>
    </header>
    <div class="container" id="container">
        <form id="editForm">
            <div class="mb-3 mt-3">
                <label for="name" class="form-label">姓名（NAME）</label>
                <input type="text" class="form-control" name="name" placeholder="NAME" maxlength="256" required="required">
            </div>
            <div class="mb-3 mt-3">
                <label for="countryAreaCode" class="form-label">国家区号（COUNTRY AREA CODE）</label>
                <input type="text" class="form-control" name="countryAreaCode" placeholder="COUNTRY AREA CODE"
                    maxlength="256" required="required">
            </div>
            <div class="mb-3 mt-3">
                <label for="mobile" class="form-label">移动电话（MOBILE NUMBER）</label>
                <input type="text" class="form-control" name="mobile" placeholder="MOBILE NUMBER" maxlength="256" required="required">
            </div>
            <div class="mb-3 mt-3">
                <label for="workplace" class="form-label">工作单位（WORKPLACE）</label>
                <input type="text" class="form-control" name="workplace" placeholder="WORKPLACE" maxlength="1024" required="required">
            </div>
            <div class="mb-3 mt-3">
                <label for="email" class="form-label">邮箱（EMAIL）</label>
                <input type="text" class="form-control" name="email" placeholder="EMAIL" maxlength="256" required="required">
            </div>
            <div class="mb-3 mt-3">
                <label for="nationality" class="form-label">国籍（NATIONALITY）</label>
                <input type="text" class="form-control" name="nationality" placeholder="NATIONALITY" maxlength="256" required="required">
            </div>
            <div class="mb-3 mt-3 text-center d-grid">
                <button type="button" class="btn btn-blue btn-block js-submit">SUBMIT</button>
            </div>
        </form>
        <div class="email text-center my-4">
            <span>Official email：wic@wicongress.org</span>
        </div>
    </div>
    <div class="modal-container">
            <div class="modal fade" id="alert" tabindex="-1" role="dialog" aria-hidden="true" style="z-index: 9999;">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header"></div>
                        <div class="modal-body js-alert-content alert alert-danger"></div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-dark" data-dismiss="modal">确定</button>
                        </div>
                    </div>
                </div>
            </div>
        <div class="modal modal-country js-select-modal" id="modalCountry">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">国籍（NATIONALITY）</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body modal-body-list">
                        <div class="my-3">
                            <input type="text" class="form-control js-input" name="nationality" placeholder="NATIONALITY"
                                maxlength="256">
                        </div>
                        <div class="list-group">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-bs-dismiss="modal">CLOSE</button>
                        <button type="button" class="btn btn-success js-submit">CONFIRM</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal modal-country js-select-modal" id="modalAreaCode">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">国家区号（COUNTRY AREA CODE）</h4>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body modal-body-list">
                        <div class="my-3">
                            <input type="text" class="form-control js-input" name="countryAreaCode" placeholder="国家区号（COUNTRY AREA CODE）"
                                maxlength="256">
                        </div>
                        <div class="list-group">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-bs-dismiss="modal">CLOSE</button>
                        <button type="button" class="btn btn-success js-submit">CONFIRM</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="${request.contextPath}/plugins/hyper/js/vendor.js"></script>
    <script type="text/javascript" src="${request.contextPath}/js/common.js?v=20220418"></script>
    <script type="text/javascript" src="${request.contextPath}/js/code.js"></script>
    <script type="text/javascript" src="${request.contextPath}/js/country.js"></script>
    <script type="text/javascript" src="${request.contextPath}/js/front/player.view.js"></script>
    <script type="text/javascript" src="${request.contextPath}/js/front/player.regist.js"></script>
    <script>
					var BASE_PATH = '${request.contextPath}';
				</script>
</body>
</html>